<template>
	<view>
		<view class="loading">
			<!-- <view class="loader"></view> -->
			<view class=" margin-left text-sm" style="color: #F19B05;">没有更多内容了</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.loading{
		display: flex;
		justify-content: center;
		padding: 30upx 0;
	}
	.loader{
		display: inline-block;
		width: 30rpx;
		height: 30rpx;
		color: inherit;
		border: 7upx solid #F19B05;
		border-bottom-color: transparent;
		border-radius: 50%;
		animation: 1s loader linear infinite;
	}
	/* 360度旋转 */
	@keyframes loader{
		0%{
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(360deg);
		}
	}
</style>
